<script setup>
import { onMounted } from "vue";

defineProps({
  msg: String,
});
onMounted(() => {
  if (typeof RMObject360 == "undefined") {
    console.log("rmobject360.js not loaded!");
  } else {
    var params = {};
    params.configFile = "qjconfig/mainhxDzc.js";
    params.target = "object360Content";
    params.targetWidth = "100%";
    params.targetHeight = "100%";
    RMObject360.add(params);
  }
});
</script>

<template>
  <div id="targetBorder">
    <div id="object360Content"></div>
  </div>
</template>

<style lang="scss" scoped>
#targetBorder {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 4;
  #object360Content {
    z-index: 5;
  }
}

</style>
